<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		
		<meta name="Description" content=""/>
		
		
		<link rel="stylesheet" type="text/css" href="common.css"/>
		<link media="(min-width: 500px)" rel="stylesheet" type="text/css" href="desktop.css"/>
		<link  media="(max-width: 500px)" rel="stylesheet" type="text/css" href="mobile.css"/>
	
		
		<title> test</title>
		
		<style type="text/css">
			
			
			/* 伪类  兄弟 */
			#checkbox:checked  ~p {
				
				/* background: #00FFFF; */
				
				display: none;
				
			}
		</style>
		
	</head>
	<body>
		
		
		<input type="checkbox" name="" id="checkbox" value="" />
		<p>		AAAA
			</p>
	

	</body>
</html>